<template>
    <div class="login-container">
        <div class="login-box">
            <!-- 头像区域 -->
            <div class="avatar-box">
                <img class="avatar" src="../assets/logo.png" />
            </div>
            <!-- 表单区域 -->
            <div class="form-login">
            </div>
        </div>
    </div>
</template>
<script>

</script>

<!-- 表单区域 -->
<div class="form-login">
<!-- 登录名称 -->
 <div class="form-group">
 <label for="username">登录名称：</label>
 <input
 type="text"
class="form-control"
 id="username"
 placeholder="请输入登录名称"
 autocomplete="off"
 v-model.trim="username"
 />
 </div>
<!-- 登录密码 -->
<div class="form-group">
 <label for="password">登录密码：</label>
 <input
type="password"
class="form-control"
id="password"
placeholder="请输入登录密码"
 v-model="password"
 />

</div>
<!-- 登录按钮 -->
<div class="form-group">
 <button type="button" class="btn">登录</button>
 </div>

